/* grid begin */

table.grid {
	border: 1px solid rgba(0,0,0,0.18);
	border-radius: 3px;
	background-color: #fff;
	width:100%;
}

.grid th {
	background-color: #dff0d8;
	color: #3c763d;
	border-color:#d6e9c6;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-user-select: none;
}

.grid td {
	background-color: #f9f9f9;
}

.grid th,td {
	min-width: 80px;
	padding: 10px 20px;
}
.grid .tr-selected{
	color:blue;
	-webkit-text-stroke:1px #f00;
	text-stroke:1px #f00;
	-webkit-animation:cliptext 7.5s linear infinite;
	animation:cliptext 7.5s linear infinite;
}
.grid .btn{
	-webkit-text-stroke:0px #f00;
	text-stroke:0px #f00;
	-webkit-animation:cliptext 7.5s linear 0;
	animation:cliptext 7.5s linear 0;
}
.grid th.active {
	color: #3c963d;
	background-color:#eaf6da !important;
}

.grid th.active .arrow {
	opacity: 1;
}

.grid .arrow {
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	margin-left: 5px;
	opacity: 0.66;
}

.grid .arrow.asc {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #333;
}

.grid .arrow.dsc {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #333;
}

.search {
	margin-bottom: 10px;
	margin-right:1%;
	float:right;
}
.tfoot{
	magin-left:2%;
}

@media ( max-width :1440px) {
	.grid th,td {
		min-width: 80px;
		max-width:120px;
		padding: 10px 20px;
	}
}

@-webkit-keyframes cliptext{
	0%{-webkit-text-stroke:1px #c00;}
	33%{-webkit-text-stroke:1px #090;}
	66%{-webkit-text-stroke:1px #00f;}
	100%{-webkit-text-stroke:1px #93c;}
}
/* grid end */